{% extends "layout/base.html" %}

{% block ariane %}
	<a href="/">Accueil </a> > <a href="/listeFilms/">Films </a> > IMAC 1 > Expression et écriture > <a href="/fichefilm/?mid={{movie.id}}">{{ movie.title }} </a>
{% endblock ariane %}

{% block content %}

	<div class="infoG">
        <h2>{{ movie.title }}</h2>
		<div class="fb_like">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fgeocoucou.alwaysdata.net/fichefilm/?mid={{movie.id}}&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
		</div>
		<p>IMDB : {{ movie.rating_imdb }} / 10		| 		IMAC</p>
    </div>
	
    
    <div class="photo">

	<img height=250 width=200 src="{{ movie.cover }}" alt="{{ movie.title }}" />

    </div>
    
    
    <div class="info">
    
    <b>Réalisé par:</b> 
    	{% for d in movie.get_directors %}
    		{{ d.forename }} {{ d.name }}, 
    	{% endfor %} <br/>
    <b>Acteurs principaux:</b>
    	{% for a in movie.get_actors %}
    		{{ a.forename }} {{ a.name }}
    	{% endfor %}<br/>
    <b>Genre:</b> 
    	{% for g in movie.get_genre %}
    		{{ g.name }}
    	{% endfor %}                     <b>Année:</b> {{ movie.year }}                    <b>Pays:</b>{{ movie.country }}<br/>
    
	    <b>Matière:</b> {% for comment in movie.coursecomment_set.all %} {{comment.course.topic}}   <b>IMAC </b>{{comment.course.year}}  {% endfor %}            
	
    <br/><br/>
    <b>Synopsis: </b>{{ movie.synopsis }}
    
    </div>
    
    
	<div class="infoSup">
      
	    <div id="tabs">
			<ul>
				<li><a href="#tabs-1">Points d'étude</a></li>
				<li><a href="#tabs-2">Commentaires</a></li>
				<li><a href="#tabs-3">Vous aimerez aussi</a></li>
			</ul>
						
			<div id="tabs-1">    
				<ul>
				{% for com in movie.coursecomment_set.all %}
					<li>{{com}}</li>
					{%empty%}<p> Aucun point d'étude sur ce film pour le moment <br/></p>
				{% endfor %}
				</ul>
			</div>
			<div id="tabs-2">
				{% for content in movie.commentmovie_set.all %}
					{{content}}<br/>
					{%empty%}<p> Aucun commentaire sur ce film pour le moment <br/></p>
				{% endfor %}
			</div>
			<div id="tabs-3">
				{% for m in movie.get_suggested_movies %}		
					<div class="listing" style="border:none;">
                   		<img src="{{ m.cover }}" />
                        <div class="info" style="margin-left:-13%;">
						{{m}}
                        </div>       
                 	</div>
			 
					{%empty%}<p> Aucune suggestion <br/></p>
				{% endfor %}
			</div>
	
		</div>                       
    
	</div><!--infoSup-->	


{% endblock content %}
